@media only screen and (max-width: 900px), only screen and (min-width: 768px) and (max-width: 1023px) {
body { min-width: auto; }
.pageWidth { width:740px; padding:0 }

#header { padding:30px 0 55px 0; }
nav { border-radius:0}
nav li a { width:100px; height:63px; padding-top:40px; } 
.pageControl { padding:0 10px; }

#footer { padding:5px 0; }

}


@media only screen and (max-width: 767px), only screen and (max-device-width: 480px), only screen and (max-width: 767px) {
body { min-width: auto; }
.pageWidth { width:auto; }

#logo { text-align:center; font-size:35px; line-height:42px; float:none; display:block; margin:0 auto 10px auto; padding-top:20px; }
#header { padding:0; }

h2 { font-size:26px; line-height:32px; margin-bottom:7px; }
h3 { font-size:24px; line-height:29px; margin-bottom:7px; }
h4 { font-size:22px; line-height:27px; margin-bottom:7px; }
h5 { font-size:20px; line-height:25px; margin-bottom:7px; }
h6 { font-size:18px; line-height:23px; margin-bottom:7px; }

#menu { display:block; }
nav { text-align:center; margin:0 0 10px 0; float:none; padding:0 0 5px;}
nav ul{background:rgba(255,255,255,0.20)}
nav li { display:block; margin:0 0 5px 0; line-height:20px; float:none; box-shadow:none;  border-radius:0; }
nav li a { background-position:center center; height:auto; width:100%; display:block; padding:0; line-height:45px; box-shadow: inset 0 10px 20px rgba(255,255,255,0.70); border-radius:0 }

#footer { padding:15px 0; }

}


@media only screen and (max-width: 400px), only screen and (max-device-width: 400px), only screen and (max-width: 400px) {

}
